<template>
  <page-view :title="title" subTitle="管理系统中的角色">
    <a-card :bordered="false">
      <a-tabs defaultActiveKey="1" @change="callback" tabPosition="top">
        <a-tab-pane tab="功能权限" key="1" forceRender>
          <role-assign-view-permission></role-assign-view-permission>
        </a-tab-pane>
        <a-tab-pane tab="数据权限" key="2" forceRender>
          <role-assign-dept-permission></role-assign-dept-permission>
        </a-tab-pane>
        <a-tab-pane tab="元数据维护" key="3" forceRender>
          <view-list></view-list>
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </page-view>
</template>

<script>

  import {PageView} from '@/layouts'
  import ViewList from "./ViewMetadataManage/ViewList";
  import RoleAssignDeptPermission from "./RoleAssignDeptPermission/index";
  import RoleAssignViewPermission from "./RoleAssignViewPermission/index";

  export default {

    components: {
      ViewList,
      PageView,
      RoleAssignDeptPermission,
      RoleAssignViewPermission
    },

    data() {
      return {}
    },

    computed: {
      title() {
        return this.$route.meta.title
      }
    },

    created() {

    },

    methods: {

      callback(key) {
        console.log(key);
      },

    }

  }
</script>

<style lang="less" scoped>
</style>
